import React, { Component } from 'react';
import { Input, Button, Table } from 'antd';
import './Today.less';

class StatisticsToday extends Component {
  render() {
    const columns = [{
      title: 'Name',
      dataIndex: '',
    }, {
      title: 'Category',
      dataIndex: '',
    }, {
      title: 'Press',
      dataIndex: '',
    }];

    return (
      <div className="page-content mt176 statistics">
        <div className="statistics-header">
           <div className="statistics-item">
             <div className="statistics-amount">500,0</div>
             <div className="statistics-desc">Today Spend Integral</div>
           </div>
           <div className="statistics-item">
             <div className="statistics-amount">500,0</div>
             <div className="statistics-desc">Total Cash Reward</div>
           </div>
           <div className="statistics-item">
             <div className="statistics-amount">500,0</div>
             <div className="statistics-desc">Integral Transfer To Cash</div>
           </div>
        </div>
        <div className="list-table statistics-table">
          <div className="table-filter">
            <div className="filter-item">
              <div className="filter-name">Name:</div>
              <Input className="filter-input" />
            </div>
            <div className="filter-btn-group">
              <Button type="primary" className="search">Search</Button>
              <Button className="reset">Reset</Button>
            </div>
          </div>
          <div>
            <Table
              rowKey="id"
              className="select-table"
              dataSource={null}
              columns={columns}
              pagination={false} />
              {
                /*
                <Pagination
                  className="tr mt10"
                  showQuickJumper
                  showSizeChanger
                  showTotal={total => `Total ${total}`}
                  total={this.props.dataTotal}
                  onChange={this.props.pageOnChange}
                  onShowSizeChange={this.props.pageSizeOnChange}
                  current={this.props.pageCurrent} />
                */
              }
          </div>
        </div>
      </div>
    )
  }
}

export default StatisticsToday;
